<template>
  <div>
   <!-- 
      <ul>
        <li v-for="(item,index) in list" :key="item.id" :style="{color:item.done?'pink':'purple'}">{{item.title}}</li>
      </ul> 
   -->

   <ul>
     <li v-for="(item,index) in list" :key="item.id">
          <!--作用域插槽 -->
          <!-- 
             :item="item",第一印象是props【不是Props】,就是作用于插槽语法规则！！！
             底下这行代码作用,是子组件把数据回传给父组件！！！
           -->
         <slot :row="item" :index="index"></slot>
     </li>
   </ul>
  </div>
</template>

<script>
export default {
  name: '',
  props:['list']
}
</script>

<style scoped>

</style>
